import React from 'react'
import { Row, Col, Radio} from 'antd'
import InputComponent from './InputComponent'
import '../../assets/scss/lzy/addUsername/mainBox.scss'

export default function Username() {
    const [value, setValue] = React.useState(1);
    const onChange = e => {
        console.log('radio checked', e.target.value);
        setValue(e.target.value);
      };
    return (
        <>
            <Row className="content-box" >
                <Col span={24} className="content-title">基本信息</Col>
                <Col span={10} className="input-content">
                    <span className="text-title">
                        <span>*</span>
                        手机号码:
                    </span>
                    <InputComponent msg="手机号码"/>
                </Col>
                <Col span={10} className="input-content">
                    <span  className="text-title">
                        <span>*</span>
                        用户类型 
                    </span> 
                    <Radio.Group onChange={onChange} value={value} className="radio-box">
                            <Radio value={1}>企业用户</Radio>
                            <Radio value={2}>个人用户</Radio>
                    </Radio.Group>   
                </Col>
                <Row className="input-bck">                     
                <Col span={10} className="input-content input-bck">
                    <span className="text-title">
                        <span>*</span>
                        企业名称:
                    </span>
                    <InputComponent msg="企业名称"/>
                </Col>
                <Col span={10} className="input-content input-bck">
                    <span className="text-title">
                        <span>*</span>
                        税务登记证号:
                    </span>
                    <InputComponent msg="营业执照上的税务登记证号" />
                </Col>                
                <Col span={10} className="input-content input-bck">
                    <span className="text-title">
                        <span>*</span>
                        法人姓名:
                    </span>
                    <InputComponent msg="法人代表姓名" />
                </Col>
                <Col span={10} className="input-content input-bck">
                    <span className="text-title" >
                        邮箱:
                    </span>
                    <InputComponent msg="常用邮箱"/>
                </Col>
                </Row>
            </Row>
       </> 
    )
}
